		<!DOCTYPE html>
		<html>
			<head>
				<meta charset="utf-8">
				<title></title>
				<link rel="stylesheet" type="text/css" href="css/head.css"/>
			
			</head>
			<body>
				
			<div class="head">
					<div class="line1">
						<span class="log">
							<a href="index.html">
							<img src="img/logo/yinLogo.png" >
						</a>
						</span>
					<ul>
						<li><a href="#">官方微博</a></li>
						<li><a href="#">关注微信</a></li>
						<li><a href="reading.html">购物须知</a></li>
					</ul>
					</div>
					
					
					<div class="line2">
						<span class="log">
							<a href="index.html">
							<img src="img/logo/shop-logo-v1.png" >
							</a>
						</span>
						<div >
							<input type="text" class="search" name="" id="" value="" />
							<span class="btn"></span>
						</div>
						<ul>
							<li class="l1"></li>
							<li><a href="#" class="denglu">登录</a></li>
							<li><a href="#">我的订单</a></li>
							<span class="l2"></span>
							<li><a href="#"> 购物车</a></li>
						</ul>
						
					</div>
			<!-- 登录内页面显示 -->	
		<script type="text/javascript">
			window.onload=function(){
				var denglu=document.querySelector(".denglu");
				denglu.onclick=function(){
					var box=document.querySelector(".box");
					box.style.display="flex";
				}
				var close=document.querySelector(".close");
				close.onclick=function(){
				var box =document.querySelector(".box");
				box.style.display="none";
				}
				
				
				var forms=document.querySelectorAll(".box .text form");
				var btns=document.querySelectorAll(".box .title a");
				for(var i=0;i<btns.length;i++){
					btns[i].onclick=function(){
						for (var j=0;j<btns.length;j++) {
							btns[j].className= "";
						}
						this.className="active";
				var idx=this.attributes["data-idx"].value;
						console.log(idx);
						for(var j=0;j<forms.length;j++){
							forms[j].style.display="none";
						}
						forms[idx].style.display="block";
					}
				}
				
				
			}
		</script>			
					<div class="xian"></div>
			     <div class="line3">
					 <span class="title">艺人分类</span>
					 <ul>
					 	<li><a href="index.html">首页</a></li>
					 	<li><a href="list.html">专辑</a></li>
					 	<li><a href="index.html">明显周边</a></li>
					 	<li><a href="index.html">明星同款</a></li>
					 	<li><a href="index.html">个护美妆</a></li>
					 	<li><a href="index.html">影漫周边</a></li>
					 	<li><a href="index.html">食品</a></li>
					 	<li><a href="index.html">服装配饰</a></li>
					 </ul>
							 
				 </div>
					</div>
					
				</div>
				<div class="zc">
					<div class="content">
							<div class="box">
								<div class="right">
							<div class="title">
								<a href="#" class="active" data-idx="0">登录</a>
								<a href="#" data-idx="1" >注册</a>
							</div>
							<div class="text">
								<form action="#" method="get">
									<div>
										<input type="text" name="name" id="name" value="" placeholder="请输入账号或邮箱"/>
									</div>
									<div>
										<input type="password" name="pwd" id="pwd" value="" placeholder="请输入密码"/>
									</div>
									<div>
										<input type="checkbox" name="chk" id="chk" value="" />
									<label for="chk">自动登录</label>
									</div>
									<div><input type="submit" value="登录"/></div>	
								</form>
							
							<form action="" method="get">
							<div>
								<input type="text" name="name" id="name" value="" placeholder="请输入账号或邮箱"/>
							</div>
							<div>
								<input type="password" name="pwd" id="pwd" value="" placeholder="请输入密码"/>
							</div>
							<div>
								<input type="text" name="yzm" id="yzm" value="" class="yanz" placeholder="请输入验证码" />
								<input type="button" name="" id="" value="获取验证码" class="yanz1"/>
							
							</div>
							<div><input type="submit" value="立即注册"/></div>	
							
							</form>
							</div>
							</div>
							<span class="close">&times;</span>
							      </div>
								  
						</div>
						
				</div>
<!-- ========================================== -->				
				
				<div class="" style="width: 100%;height: 1000px;background-color: #27D5BF;">
					
				</div>
				
	<!-- ============================================== -->			
		
			<div class="fot">
				<div class="foot">
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">人才招聘</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">友情链接</a></li>
						<li><a href="#">版权说明</a></li>
						<li><a href="#">客服中心</a></li>
					</ul>
					<div class="z">
						<img src="img/culture.png"  class="zhi">
						<span>Copyright@2009-2016yinyuetai.com广播电视节目制作经营许可证编号（京）字第1891号丨京网文【2014】2037-287号</span>
						<span class="w"><a href="">网络视听许可证0110413号</a></span>
						<p>京公安网备案1101050201490号丨京ICP备11024134号-1丨京ICP证060716号丨出版物经营许可证新出发零字第朝130062号丨增值电信业务营业许可证B2-20140501</p>
						
						<p>食品许可s证：JY11105040485363丨营业执照</p>
					<div class="an"></div>
					</div>
					
				</div>
			</div>
			</body>
		</html>
